<div class="container" ng-show="meta.name">
    <div class="text-center"><h1>{{meta.name}}</h1></div>
    <div>        
        <input ng-model="query" type="text" class="search-query" placeholder="Search">
        <div class="pull-right">
            <span>Sort by:</span>
            <select ng-model="orderProp">
                <option ng-repeat="k in meta.keys" value="{{ k.key }}">{{ k.label }}</option>
            </select>
            <a class="btn" href="#/{{ entityName }}/add"><i class="icon-plus"></i>Add</a>
        </div>
    </div>
    <table class="table table-striped table-hover">
        <thead>
            <tr>
                <th ng-repeat="k in meta.keys">{{k.label}}</th>                
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="e in entity | filter:query | orderBy:orderProp">
                <td ng-repeat="k in meta.keys">{{ e[k.key] }}</td>
                <td><a href="#/{{ entityName }}/edit/{{ e.id }}"><i class="icon-pencil"></i></a></td>
            </tr>
        </tbody>
    </table>
</div>
